<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>

<!-- 

  标签的嵌套规范
    1. 有嵌套规范要求的标签：ul、li； dl、dt、dd； table、tr、td等
    2. 块标签可以嵌套内联标签
    3. 内联不能嵌套块（但a能嵌套div，好处在于可以给一个区域加链接）
    4. 块标签不一定能嵌套块标签，如p标签内不能嵌套div标签


 -->
<style>
  /* 3. 内联不能嵌套块  */
  #p1{
    color: red;
  }
</style>


</head>
<body>

  <!-- 1 -->
  <!-- <ul>
    <li></li>
    <li></li>
    <li></li>
  </ul> -->
  <!--  2. 块标签可以嵌套内联标签 -->
  <!-- <div>
    <p>dadadad</p>
  </div> -->

  <!--  3. 内联不能嵌套块  -->
  <p id="p1">
    <div>111</div>
  </p>
  
</body>
</html>